<template>
  <div>
   
  <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
        <van-swipe-item v-for="(value,index) in images" :key="index">
            <img :src="value" v-lazy="value"/>
        </van-swipe-item>
       
  </van-swipe>
    
  </div>
</template>

<script>
export default {
    name:"Swiper",
    data(){
        return{
            images:[
                'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1608112386331&di=c3b9da5098df0f0ae9cc5ca17cd1e38c&imgtype=0&src=http%3A%2F%2Fa4.att.hudong.com%2F27%2F67%2F01300000921826141299672233506.jpg',
                'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1608112405136&di=6e02cfd21de5562ebb8d8c6285767f2d&imgtype=0&src=http%3A%2F%2Fa0.att.hudong.com%2F52%2F62%2F31300542679117141195629117826.jpg',
            ]
        }
    }
}
</script>

<style>
 .my-swipe{
   
     height: 200px;
     width: 100%;
	
 }
  img{
      width: 100%;
      height:100%;
  }
</style>